// Variable Color's
$black: #24283B;
$gray: #565F89;
$red: #F7768E;
$green: #73DACA;
$yellow: #E0AF68;
$blue: #7AA2F7;
$magenta: #BB9AF7;
$cyan: #7DCFFF;
$white: #f6ffe0;

.controllpaneldashboardbox{
    font-family: "JetbrainsMono Nerd Font";
    background-color: $black;
    /* font-size: 15; */
    border-radius: 10px;
    color: $foreground;
    background-color: $background;
    border-radius: 10px;
    border-width: 1px;
    border-style:solid;
    border-color: $white; 
    padding: 0px 10px 0px 10px;
}

.controllpanel-head {
    border-radius: 10px;
    border-width: 1px;
    border-style:solid;
    border-color: $white; 
    padding: 0px 10px 0px 10px;
}

.controllpanel-footer {
    border-radius: 10px;
    border-width: 1px;
    border-style:solid;
    border-color: $white;
    padding: 10px 10px 10px 10px;
}

.controllpanel-dashboard-1row {
    border-radius: 10px;
    border-width: 1px;
    border-style:solid;
    border-color: $blue; 
    padding: 0px 10px 0px 10px;
    margin: 5px 10px 5px 10px;
}

.controllpanel-system-distros {
    font-family: "JetbrainsMono Nerd Font";
    border-radius: 10px;
    /* border-width: 1px; */
    border-style:solid;
    border-color: $white; 
    font-size:1.5rem;
    /* padding: 10px 10px 10px 10px; */
    /* margin: 20px 10px 5px 10px; */

}
.controllpanelosiconbox {
    border-radius: 10px;
    /* border-width: 1px; */
    border-style:solid;
    border-color: $blue; 
    /* padding: 10px 10px 10px 10px; */
    /*font-size:3rem;*/
}
.controllpanelosicon{
    border-radius: 10px;
    /* border-width: 1px; */
    border-style:solid;
    border-color: $green; 
    font-size:5rem;
    color:$green;
}
.controllpaneldistros {
    border-radius: 10px;
    /* border-width: 1px; */
    border-style:solid;
    border-color: $green; 
    font-size:1rem;
    color:$green;
}
.controllpanel-system-base-ifno {
    border-radius: 10px;
    /* border-width: 1px; */ 
    border-style:solid;
    border-color: $green; 
    /* padding: 0px 10px 0px 10px;*/
    margin: 0px 10px 0px 10px; 
    font-size:1rem;
    color:$green;
}
.controllpanel-battery {
    border-radius: 10px;
    /* border-width: 1px; */
    border-style:solid;
    border-color: $green; 
    /* padding: 10px 10px 10px 10px; */
    margin: 0px 10px 0px 10px; 
    color:$yellow;
}

/* --------------- */

.controllpanel-dashboard-2row {
    border-radius: 10px;
    border-width: 1px;
    border-style:solid;
    border-color: $green; 
    /* padding: 10px 10px 10px 10px; */
    margin: 10px 10px 10px 10px;
}
$background: #1A1B26;
$foreground: #A9B1D6;

.controllpanel-some-switch {
    border-radius: 10px;
    /* border-width: 1px; */
    border-style:solid;
    border-color: $green; 
    /* padding: 10px 10px 10px 10px; */
    /* margin: 10px 10px 10px 10px; */
}
